/*COLORS

Yellow #FFCC00
Beige  #CCCC99
Grey   #6A6A5A
Blue   #000066



*/
body {
	background-color: #ffffff;
	color: #000000;
	font-family: Vedrana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 6px 4px;
}

p 				{ font-family: Vedrana, Arial, Helvetica, sans-serif; }

address 			{ font-family: Vedrana, Arial, Helvetica, sans-serif; font-size: 8pt }

pre				{ margin-top: 0px; margin-bottom: 0px; }

a					{}
a:active 			{}
a:link    			{}
a:visited 			{}
a.subtle			{ color: blue; text-decoration: none; }
a.resolved			{ text-decoration: line-through underline; }
a > img				{ border: none; }

form				{ display: inline; }

input				{}
input.button			{}
input.button-small		{ font-size: 8pt; }

textarea			{ height:200px; width:99%;}
textarea.ReadOnly		{ height:200px; width:99%; color:#000000; background-color: #CCCC99;}
select				{}

/*Buttons */
.buttonExpandCollapse:hover    {background:#FFCC00; color: #fff; border: 1px solid #eee; border-radius: 20px; box-shadow: 5px 5px 5px #eee;}
.buttonExpandCollapse          {background:#016ABC; color: #fff; border: 1px solid #eee; border-radius: 20px; box-shadow: 5px 5px 5px #eee;}

/*div containers */

.container                      { border:2px solid #ccc; width:500px; height: 300px; overflow-y: scroll; }
.container250px                 { border:2px solid #ccc; width:250px; height: 300px; }
.container300px                 { border:2px solid #ccc; width:300px; height: 300px; }
.container350px                 { border:2px solid #ccc; width:350px; height: 300px; }
.container300pxScrolls          { border:2px solid #ccc; width:300px; height: 300px; overflow-y: scroll;}
.container100px                 { border:2px solid #ccc; width:100px; height: 300px; overflow-y: scroll;}
.container150px                 { border:2px solid #ccc; width:150px; height: 300px; overflow-y: scroll;}
.container200px                 { border:2px solid #ccc; width:200px; height: 300px; overflow-y: scroll;}
.container2                     { border:2px solid #ccc; width:350px; height: 300px; overflow-y: scroll;}
.container350pxScrolls          { border:2px solid #ccc; width:350px; height: 300px; overflow-y: scroll;}
.container3                     { border:2px solid #ccc; width:300px; height: 300px; overflow-y: scroll;}
.container500px                 { border:2px solid #ccc; width:500px; height: 300px; overflow-y: scroll;}
.container700px                 { border:2px solid #ccc; width:700px; height: 300px; overflow-y: scroll;}
.container1000px                 { border:2px solid #ccc; width:1000px; height: 300px; overflow-y: scroll;}
.containerCenter                { border:2px solid #ccc; width:800px; height: 300px; margin: 0px auto; text-align: left; }
.divInfo                        { display:none; }
span				{ font-family: Vedrana, Arial, Helvetica, sans-serif; font-size: 10pt; }
span.print			{ font-size: 8pt; }
span.required                   { font-size: 12pt; color: #bb0000; }
span.small 			{ font-size: 8pt; font-weight: normal; }
span.pagetitle                  { font-size: 12pt; font-weight: bold; text-align: center }
span.bracket-link               { white-space: nowrap; }

span.dependency_dated		{ color: maroon; }
span.dependency_met	        { color: green; }
span.dependency_unmet		{ color: red; }
span.dependency_upgrade		{ color: orange; }

div.centered                    { text-align: center; }
div.centered table              { margin: 0px auto; text-align: left; }

div.centerRounded               { border:2px solid #a1a1a1; 
                                  padding:10px 10px; 
                                  background:#dddddd; 
                                  width:48%; 
                                  height:300px; 
                                  border-radius:25px;
                                  top:300px;
                                  overflow-y: scroll;
                                  text-align: center; margin: 0 auto;}

div.topLeft                     { border:2px solid #a1a1a1; 
                                  padding:5px 5px; 
                                  background:#dddddd; 
                                  width:48%; 
                                  height:300px; 
                                  border-radius:25px;
                                  position:fixed;
                                  top:300px;}

div.topRight                     { border:2px solid #a1a1a1; 
                                  padding:5px 5px; 
                                  background:#dddddd; 
                                  width:48%; 
                                  height:300px; 
                                  border-radius:25px;
                                  position:fixed;
                                  top:300px;
                                  right:0px;}

h1.centered                     { text-align: center; }
h2.centered                     { text-align: center; }

form                            {margin-left: auto; margin-right: auto;}
table				{ }
table.hide			{ width: 100%; border: solid 0px #ffffff; }
table.width100                  { width: 100%; border: solid 1px #000000; }
table.mainMenu                  { width: 100%; border: solid 1px #000000; background-color: #CCCC99;}
table.width90                   { width: 90%;  border: solid 1px #000000; }
table.width75                   { width: 75%;  border: solid 1px #000000; }
table.width60                   { width: 60%;  border: solid 1px #000000; }
table.width50                   { width: 50%;  border: solid 1px #000000; }
table.width30                   { width: 30%;  border: solid 1px #000000; }
table.width20Center             { width: 20%;  border: solid 1px #000000; margin: 0px auto;}
table.width40Center             { width: 40%;  border: solid 1px #000000; margin: 0px auto;}
table.width35Center             { width: 35%;  border: solid 1px #000000; margin: 0px auto;}
table.width75Center             { width: 75%;  border: solid 1px #000000; margin: 0px auto;}

/*table columns*/
td 			        { font-family: Vedrana, Arial, Helvetica, sans-serif; font-size: 10pt; padding: 4px; text-align: left; }
td.center			{ text-align: center; }
td.left				{ text-align: left; }
td.right			{ text-align: right; }
td.category			{ background-color: #B4D8E7; color: #000000; font-weight: bold; vertical-align : top; }
td.category2			{ background-color: #B0E57C; color: #000000; font-weight: bold; vertical-align : top; }
td.category3    	        { background-color: #FFF0AA; color: #000000; font-weight: bold; vertical-align : top; }
td.red          	        { background-color: #FF6600; color: #000000; font-weight: bold; vertical-align : top; }
td.white         	        { background-color: #ffffff;}
td.ovedrue			{ background-color: #ff0000; color: #000000; font-weight: bold; }
td.error                        { background-color: #bb0000; color: #000000; font-weight: bold; }
td.required                     { font-size: 12pt; color: #bb0000;}
td.header                       { background-color: #6A6A5A; color: #ffffff; font-weight: bold; }
td.header2                      { background-color: #006666; color: #ffffff; font-weight: bold; }
td.headerRed                    { background-color: #6A6A5A; color: #bb0000; font-weight: bold; }
td.field                        { background-color: #CCCC99; color: #ffffff;}
td.blue                         { background-color: #016ABC; color: #ffffff;}
td.field2                       { background-color: #CC9900; color: #ffffff;}
td.col-1			{ background-color: #d8d8d8; color: #000000; }
td.col-2			{ background-color: #e8e8e8; color: #000000; }
td.form-title                   { background-color: #ffffff; color: #000000; font-weight: bold; text-align: left; }
td.form-title-caps              { background-color: #ffffff; color: #000000; font-weight: bold; text-align: left; text-transform: uppercase; }
td.nopad                        { padding: 0px; }
td.small-caption                { font-size: 8pt; }
td.print                        { font-size: 8pt; text-align: left; padding: 2px; }
td.print-category               { font-size: 8pt; color: #000000; font-weight: bold; text-align: right; padding: 2px; }
td.print-ovedrue                { font-size: 8pt; color: #000000; font-weight: bold; padding: 2px; }
td.print-bottom                 { border-bottom: 1px solid #000000; }
td.print-spacer                 { background-color: #ffffff; color: #000000; font-size: 1pt; line-height: 0.1; padding: 0px;}
td.fieldLabel                   { background-color: #d8d8d8; color: #000000; }
td.td1                          { background-color: #6bba70; color: #000000; }
td.td1Sub                       { border: 2px solid #6bba70;}
td.td2                          { background-color: #B4D8E7; color: #000000; }
td.td2Sub                       { border: 2px solid #B4D8E7;}
td.td3                          { background-color: #FFF0AA; color: #000000; }
td.td4                          { background-color: #ccc; color: #000000; }
td.td5                          { background-color: #FF6600; color: #000000; }
td.td5Center                    { background-color: #FF6600; color: #000000; text-align: center;}
td.td6                          { background-color: #CC9900; color: #000000; }
td.td6Center                    { background-color: #CC9900; color: #000000; text-align: center;}
td.border1                      { border:1px solid black;}
td.blackBack                    { background-color: #000000; color: #ffffff;}
td.blackFont                    { color: #000000;}
td.taskTitleWhiteText           { border:1px solid black; color: #000000;}
td.grey                         { background-color: #d3d3d3; color: #000000;}
/*table rows*/
tr					{}
tr.spacer                       { background-color: #ffffff; color: #000000; height: 5px; }
tr.fieldLabel                   { background-color: #d8d8d8; color: #000000; }
tr.row-category                 { background-color: #c8c8e8; color: #000000; font-weight: bold;}
tr.row-category td              { text-align:center; }
tr.row-category2                { background-color: #c8c8e8; color: #000000; }
tr.row-category-history         { background-color: #c8c8e8; color: #000000; font-weight: bold;}
tr.row-category-history td      {  text-align: left; }
tr.vcenter                      { vertical-align: middle; }
tr.print                        { vertical-align: top; }
tr.print-category               { color: #000000; font-weight: bold; }
tr.header                       { background-color: #6A6A5A; color: #ffffff; font-weight: bold; }
tr.field                        { background-color: #CCCC99; color: #000000;}
tr.blue                         { background-color: #016ABC; color: #ffffff;}
tr.grey                         { background-color: #d3d3d3; color: #000000;}
tr.border1                      { border:1px solid black;}
tr.lightGray			{ background-color: #e8e8e8; color: #000000; }
#buglist tr			{ text-align: center; }

td.bugnote-public		{ background-color: #c8c8e8; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; vertical-align: top; }
td.bugnote-private		{ background-color: #e8e8e8; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; vertical-align: top; }
td.bugnote-note-public          { background-color: #e8e8e8; color: #000000; width: 75%; vertical-align: top; }
td.bugnote-note-private         { background-color: #e8e8e8; color: #000000; width: 75%; vertical-align: top; }

td.login-info-left		{ width: 33%; padding: 0px; text-align: left; }
td.login-info-middle            { width: 33%; padding: 0px; text-align: center; }
td.login-info-right		{ width: 33%; padding: 0px; text-align: right; white-space: nowrap; }

td.menu
{
	background-color: #016ABC;
	color: #ffffff;
	text-align: center;
	width: 100%;
	padding: 5px;
}

td.menu a:visited   {color: #ffffff;}
a.black             { color:#000000; }
a.black:visited     { color:#000000; }
a.white:visited     { color:#ffffff; }
a.white             { color:#ffffff; }

li.red              { color:red;}
td.menu a
{
	white-space: nowrap;
}

td.news-heading-public          { background-color: #c8c8e8; color: #000000; text-align: left; border-bottom: 1px solid #000000; }
td.news-heading-private         { background-color: #d8d8d8;       color: #000000; text-align: left; border-bottom: 1px solid #000000; }
td.news-body			{ background-color: #ffffff;         color: #000000; padding: 16px; }

img				{}
img.icon			{ width: 11px; height: 11px; }
img.delete-icon			{ position: relative; top: 5px; border: 0; }

div				{ padding: 3px; }
div.menu			{ background-color: #e8e8e8; color: #000000; text-align: center; width: 100%; padding: 1px; }

div.center {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

div.border
{
	background-color: #ffffff;
	border: solid 1px #000000;
	text-align: center;
	position: relative;
}

div.quick-summary-left          { width: 49%; padding: 2px; text-align: left;  float: left; }
div.quick-summary-right         { width: 49%; padding: 2px; text-align: right; float: right;}

.center				{ text-align: center; }
.left				{ text-align: left; }
.right				{ text-align: right; }
.floatright			{ float: right; }
.floatleft			{ float: left; }
.small				{ font-size: 8pt; }
.small-normal 			{ font-size: 8pt; font-weight: normal; }
.small-subprojects		{ font-size: 8pt; width: 200px; }
.bold				{ font-weight: bold; }
.bold-small			{ font-weight: bold; font-size: 8pt; }
.italic				{ font-style: italic; }
.italic-small			{ font-style: italic; font-size: 8pt; }
.underline			{ text-decoration: underline; }
.underline-small		{ text-decoration: underline; font-size: 8pt; }
.strike				{ text-decoration: line-through; }
.strike-small			{ text-decoration: line-through; font-size: 8pt; }
.hidden				{ display: none; }

.nowrap
{
	white-space: nowrap;
}

.positive
{
	color: green;
}

.negative
{
	color: red;
}

.issue-status
{
	border-bottom: 1px dotted black;
}

.avatar
{
	float: right;
	border: 0;
}

.progress400                    { position: relative; width: 400px; border: 1px solid #d7d7d7; margin-top: 1em; margin-bottom: 1em; padding: 1px; }
.progress400 .bar		{ display: block; position: relative; background: #6bba70; text-align: center; font-weight: normal; color: #333; height: 2em; line-height: 2em; }
